<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>倩女幽魂</title>
    <!-- 引入首页css文件 -->
    <link rel="stylesheet" href="css/index.css">
</head>

<body>
    <!-- header部分 -->
    <header class="w">
        <div class="header-top">
            <div class="logo">
                <h2>
                    <a href="#">酷游网游交易</a>
                </h2>
            </div>
            <div class="time">
                <span>仅限一天</span>
            </div>
        </div>
        <div class="header-bottom">
            <div class="flower1"></div>
            <div class="hand-left">
                <a href="#">
                    <span>点击进入</span>
                    <h3>华夏安全大讲堂</h3>
                    </span>专题页面</span>
                </a>
            </div>
            <div class="tou-top">活动时间：2014年3月18日</div>
            <div class="hand-right">
                <a href="#">
                    <span>QQ华夏</span>
                    <h3>英雄召回令</h3>
                </a>
            </div>
        </div>
    </header>

    <!-- 主体部分 -->
    <div class="content">
        <div class="jz-left">
            <div class="flower2"></div>
            <div class="flower4"></div>
            <div class="jz-hd jhl">
                <h4>活动当天，在酷游网游交易成功完成的用户，在活动结束后，将以现金券的形式返还佣金至您的账户，请注意查收！</h4>
            </div>
            <div class="jz-bd jbl">
                <li>
                    <a href="#">
                        <img src="images/yinzi.png" alt="">
                    </a>
                    <button>购买金币</button>
                </li>
                <li>
                    <a href="#">
                        <img src="images/juese.png" alt="">
                    </a>
                    <button>购买角色</button>
                </li>
                <li class="xjj">
                    <a href="#">
                        <img src="images/xjj.png" alt="">
                    </a>
                    <span>活动结束后发放</span>
                </li>
            </div>
        </div>
        <div class="jz-right">
            <div class="flower3"></div>
            <div class="jz-hd jhr">
                <h4>活动当天，在酷游网游交易成功交易30元或者30元以上的用户，可凭订单号领取QQ华夏游戏礼包1个（价值50QB），礼包仅限1000个，先到先得，送完即止。</h4>
            </div>
            <div class="jz-bd jbr">
                <li>
                    <a href="#">
                        <img src="images/sdtytz.png" alt="">
                    </a>
                </li>
                <li>
                    <a href="#">
                        <img src="images/sdtytz.png" alt="">
                    </a>
                </li>
                <li>
                    <a href="#">
                        <img src="images/sdtytz.png" alt="">
                    </a>
                </li>
                <li class="row">
                    <a href="#">
                        <img src="images/sdtytz.png" alt="">
                    </a>
                </li>
                <li class="row end">
                    <a href="#">
                        <img src="images/sdtytz.png" alt="">
                    </a>
                </li>
            </div>
            <button>领取礼包</button>
            <div class="tips">
                每个用户仅限获得1个，需正式服角色才可获得，礼包将在活动结束后的5个工作日内发放到您交易的角色。
            </div>
        </div>
        <div class="jz-bottom">
            <div class="flower5"></div>
            <div class="flower6"></div>
            <div class="jz-hd jhb">
                <h4>活动当天，在酷游网游交易平台交易100元或者100元以上的用户，可凭订单号抽取QQ华夏蛇形颈枕一个，每个用户仅限抽取1次，赶紧来试试吧！</h4>
            </div>
            <div class="jbb">
                <li>
                    <a href="#">
                        <img src="images/jpzs.jpg" alt="">
                    </a>
                </li>

            </div>
            <button>立即抽奖</button>
        </div>
    </div>

    <!-- 底部步骤部分 -->
    <div class="step w">
        <div class="step-hd">
            <h3>不会使用现金券？三步轻松搞定</h3>
        </div>
        <div class="step-bd">
            <div class="step1">
                <div class="flower7"></div>
                <img src="images/step1.jpg" alt="">
                <button>查看我的现金券</button>
            </div>
            <div class="step2">
                <img src="images/step2.jpg" alt="">
            </div>
            <div class="step3">
                <img src="images/step3.jpg" alt="">
                <button>立即体验</button>
            </div>
        </div>
    </div>
</body>

</html>